<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="com.animal.dao.DailyManage" %>
<%@ page import="com.animal.bean.DailyBean" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>日常档案管理</title>

<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
<link href="./bootstrap/css/styles.css" rel="stylesheet">

</head>

<body>
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="DailyFileManager.html"><span>实验动物</span>档案管理</a>
				<ul class="user-menu">
					<li class="dropdown pull-right">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> User <span class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="http://www.cau.edu.cn"><span class="glyphicon glyphicon-user"></span> Profile</a></li>
							<li><a href="#"><span class="glyphicon glyphicon-cog"></span> Settings</a></li>
							<li><a href="login.jsp"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>
						</ul>
					</li>
				</ul>
			</div>					
		</div>
	</nav>
		
	<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
		<form role="search">
			<div class="form-group">
				<input type="text" class="form-control" placeholder="Search">
			</div>
		</form>
		<ul class="nav menu">
			<li class="parent ">
				<a href="#">
					<span class="glyphicon glyphicon-list"></span> 管理员信息  <span data-toggle="collapse" href="#sub-item-1" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span> 
				</a>
				<ul class="children collapse" id="sub-item-1">
					<li>
						<a class="" href="DailyPersonalInfo.jsp">
							<span class="glyphicon glyphicon-share-alt"></span> 个人信息
						</a>
					</li>
					<li>
						<a class="" href="DailyChangePassword.jsp">
							<span class="glyphicon glyphicon-share-alt"></span> 修改密码
						</a>
					</li>
				</ul>
			</li>
			
			<li class="parent ">
				<a href="#">
					<span class="glyphicon glyphicon-list"></span> 日常档案管理 <span data-toggle="collapse" href="#sub-item-2" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span> 
				</a>
				<ul class="children collapse" id="sub-item-2">
					<li>
						<a class="" href="DailyFileManagement.jsp">
							<span class="glyphicon glyphicon-share-alt"></span> 管理档案
						</a>
					</li>

				</ul>
			</li>
			
			<li role="presentation" class="divider"></li>
			<li><a href="login.jsp"><span class="glyphicon glyphicon-user"></span>登录页面</a></li>
		</ul>
		<div class="attribution">Created by <a href="#">软工第9组</a></div>
	</div><!--/.sidebar-->
		
	
	<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">			
		<div class="row">
			<ol class="breadcrumb">
				<li><a href="DailyFileManager.html"><span class="glyphicon glyphicon-home"></span></a></li>
				<li class="active">日常档案管理</li>
				<li class="active">管理档案</li>
			</ol>
		</div>
		
		
		
		<!-- 从这开始添加代码 -->
		
		<div class="row">
			<div class="col-lg-12">


	<table class="table table-striped">
		<!-- <table width="800px" bordercolor="#3399FF" border="2px" align="center"> -->
		<div align="center"><h3><b  >日常动物信息表</b></h3><br></div>
		<thead>
		<tr>
			<th>编号</th>
			<th>名称</th>
			<th>用户</th>
			<th>动物编号</th>
			<th width = "230px">备注</th>
			<th width = "170px">填写日期</th>

			<th width = "170px">状态</th>
			<th>操作</th>
		</tr>
		</thead>

		<tbody>
		<%
			//int p = (int) request.getSession().getAttribute("page");
			int p=0;
			int paget = DailyManage.counts()/10+1;
			ArrayList list = (ArrayList) DailyManage.selectAllof(p*10);
			Iterator it = list.iterator();
			String fn;
			while(it.hasNext()){
				DailyBean file = (DailyBean)it.next();
				String state = file.getFileState();
				fn = file.getFileNumber();
		%>
		<tr>
			<td><%=file.getFileNumber() %></td>
			<td><%=file.getFileTitle() %></td>
			<td><%=file.getUserName() %></td>
			<td><%=file.getAnimalID() %></td>
			<td><%=file.getDailyDataTip() %></td>
			<td><%=file.getFillingDate() %></td>

			<%
				if(state.equals("未审核")){
			%>
			<td><font color="red"><b><%=file.getFileState() %></b></font></td>
			<td>
				<a class="btn btn-info" href="DailyServlet?do=archive&id=<%=fn%>">审核通过</a>
				<a class="btn btn-info" color="#1A6BE6" href="DailyServlet?do=update&id=<%=fn %>&user=<%=file.getUserName()%>" >更新</a>
				<a class="btn btn-danger" href="DailyServlet?do=del&id=<%=fn %>" οnclick="javascript:return confirm('确认删除吗？');">删除</a>
			</td>
			<%
			}else{  //已审核，蓝色，禁用归档按钮
			%>
			<td><font color="blue"><b><%=file.getFileState()%></b></font></td>
			<td>
				<a class="btn btn-info"  style="pointer-events:none;opacity:0.2;">审核完成</a>
				<a class="btn btn-info" color="#1A6BE6" href="DailyServlet?do=update&id=<%=fn %>&user=<%=file.getUserName()%>" >更新</a>
				<a class="btn btn-danger" href="DailyServlet?do=del&id=<%=fn %>" οnclick="javascript:return confirm('确认删除吗？');">删除</a>
			</td>
			<%
				}
			%>
		</tr>

		<%
			}
		%>

		</tbody>
	</table>

	共 <%=paget%>页        当前 第${page+1}页
	<div align="center">
		<c:choose>
			<c:when test="${page>0}">
				<a href="PageServlet?datapage=${page-1}"><input class="btn btn-info" type="button" value="上一页" ></a>
			</c:when>

		</c:choose>

		<c:choose>
			<c:when test="${page==paget-1}">
				<a href="PageServlet?datapage=${page+1}"><input class="btn btn-info" type="button" value="下一页"></a>
			</c:when>
		</c:choose>
	</div>

	<br><br><br>
			</div>
		</div>
	</div>
	
	<script src="./bootstrap/js/jquery-3.1.0.min.js"></script>
	<script src="./bootstrap/js/bootstrap.min.js"></script>
	
	<script>
		!function ($) {     
 		    $(document).on("click","ul.nav li.parent > a > span.icon", function(){          
		        $(this).find('em:first').toggleClass("glyphicon-minus");      
		    }); 
		    $(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
		}(window.jQuery);

	</script>

</body>

</html>
